<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>赔付说明</title>
	<link rel="stylesheet" type="text/css" href="/rs/css/index.css">
	<script src="/rs/javascript/jquery.js"></script>
</head>
<body>
	<div id="wrap">
		<!-- banner -->
		<div id="banner">
			<img src="/rs/image/banner.jpg" alt="" width="100%">
		</div>
		<!-- 内容区域 -->
		<div class="title">
			<div class="detail">
				赔付说明
			</div>
		</div>
		<div class="pay-list">
			<div class="first"></div>
			<div class="two"></div>
			<div class="three"></div>
			<div class="four"></div>
		</div>


		<div class="text-detail">
			<div class="titles">赔付流程</div>
			<div class="cont">
				<img src="/rs/image/process.png" alt="" width="100%">
			</div>
		</div>
		<div class="text-detail">
			<div class="titles">注意事项</div>
			<div class="cont">
				<p class="cur">以下情况不予以保修</p>
				<p>1. 车主主观故意造成或维修车辆时造成玻璃破裂的
    情况</p>
    			<p>2. 玻璃划伤</p>
    			<p>3. 天窗、灯具、车镜玻璃等不包含在内</p>
    			<p>4. 玻璃膜成本不包含在内</p>
    			<p>5. 保险公司应当或者已经理赔部分不包含在内</p>
    			<p>6. 营运车辆不予赔偿</p>
    			<p>7.第三方已经予以赔付的部分</p>
			</div>
		</div>
		<div class="text-detail">
			<div class="titles">免责声明</div>
			<div class="cont">
				<p>双方一致确认本协议项下服务保修免责期为10个工作日，即客户缴费后10个工作日内发生本协议项下玻璃破碎，本服务协议不生效，保修单位仅退还客户所付金额，但不作任何赔付，且不予承认本协议项下维保服务。</p>
			</div>
		</div>
		<div class="text-detail">
			<div class="titles">争议协议</div>
			<div class="cont">
				<p>本协议在履行过程中发生任何争议的，双方优先协商解决，协商不成的，双方一致同意将争议提交杭州仲裁委员会，按照申请仲裁时该委员会现有的仲裁规则进行仲裁，仲裁裁决对双方均有约束力。</p>
			</div>
		</div>
		<div class="button"><a href="/peifu.jsp"><img src="/rs/image/apply.png" alt="" width="100%"></a></div>
	</div>	

	<script>
		$(function() {
			var Top = $('.pay-list').offset().top;
			$(window).scroll(function() {
				if(Top < $(this).scrollTop()){
					$('.pay-list').addClass('current');
					if($(window).width() > 540){
						$('.current').css({'left':'50%', 'marginLeft': '-270px'})
					}
				} else{
					$('.current').css({'left':'0', 'marginLeft': '0'})
					$('.pay-list').removeClass('current')
				}

				for(var i=0; i<4; i++){
					if($(this).scrollTop() > $('.text-detail').eq(i).offset().top - 120){
						$('.pay-list div').eq(i).css({'background-position-y': '-106px'}).siblings().css({'background-position-y': '0'})
					}
				}
			})
			$('.pay-list div').click(function() {
				var i = $(this).index();
				$(this).css({'background-position-y': '-106px'}).siblings().css({'background-position-y': '0'})
				if($('.pay-list').hasClass('current')){
					$("html,body").animate({scrollTop: $('.text-detail')[i].offsetTop -　90}, 500);
				}else{
					$("html,body").animate({scrollTop: $('.text-detail')[i].offsetTop -　210}, 500);
				}
			})
		})
	</script>
</body>
</html>
